﻿@charset "utf-8";
.swiper-pagination-bullet-active { background-color:#2699E8; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:60px; }

body{ font-family:"微软雅黑","arial","sans-serif"; color:#333; font-size:14px; line-height:2; }
a { text-decoration:none; color:#333; blr:expression(this.onFocus=this.blur()); outline: none; }
a:hover { color:#019B50; }
a:hover { text-decoration:none; -moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration:0.3s;  -webkit-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-moz-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-o-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;  transition-property:color, background-color, background, width, height, top, left, bottom, right, display, border,opacity; }
.full { width:expression(document.body.clientWidth <= 1200? "1200px": "auto");;min-width:1200px; }
.pzoom img { transition: all 0.3s; }
.pzoom img:hover { transform: scale(1.2); }
.clear { clear:both; }
.red { color:#CB1500; }
.gray { color:#999; }
.space10 { clear:both; height:10px; overflow:hidden; }
.space20 { clear:both; height:20px; overflow:hidden; }
.f20 { font-size:20px; }
.f16 { font-size:16px; }
.container {  padding:0; }
@media (min-width: 1230px){
	.container {
		width: 1200px;
	}
}


.btn-primary { background-color:#B72025; border-color:#B72025; }
	.btn-primary:hover { background-color:#B49463; border-color:#B49463; }
.swiper-button-next { background-image:url('../images/arrow_r.png') }
.swiper-button-prev { background-image:url('../images/arrow_l.png') }

/* pages */
.pager { padding:40px 10px 0; font-family:Verdana, Geneva, sans-serif; }
	.page_btn { display:inline-block; background-color:#FFF;border:1px solid #EEE; width:auto; padding:0 15px; line-height:35px; color:#999; margin:0 2px; border-radius:4px; }
	.page_cur { display:inline-block; background-color:#2AC466; width:auto; padding:0 15px; line-height:35px; color:#FFF; margin:0 2px; border-radius:4px; }
	.page_disable { display:inline-block; background-color:#F7F7F7;border:1px solid #EEE; width:auto; padding:0 15px; line-height:35px; color:#999; margin:0 2px; border-radius:4px;}
	


/* head ,footer */
.top { height:60px; background-color:rgba(0,0,0, 0.5); position:fixed; top:0; left:0; width:100%; z-index:999; }
.top-logo { padding:10px 0 0 10px; height:60px; }
	.top-logo img { height:70%; }
.top-nav-m { color:#FFF; text-align:right; height:60px; line-height:60px; }
	.top-nav-m .iconfont { font-size:20px; padding:20px 0 0 20px; }
.top-nav-m-c { }
	.top-nav-m-c ul { float:right; list-style-type:none; background-color:#FFF; margin:0; padding:10px 0; width:60%; display:none; box-shadow:0 3px 7px 2px #EEE; }
	.top-nav-m-c li a { display:block; width:100%; text-align:center; line-height:2em; }
nav { line-height:1.7; position:relative; z-index:1; font-size:16px; margin:0; padding:0; }
	nav ul { float:right; margin:0; padding:0; }
	nav li { margin:0px; padding:0 0px; height:auto; }
	nav .nav>li:first-child>a { background-image:none; }
	nav .nav>li>a{ color:#FFF; width:auto; text-align:center; background:none; padding:0px 12px; height:100px; line-height:100px;  }
	nav .nav>li:hover, nav .nav-pills>li.active:hover>a { color:#FFF; background: none; margin-top:0px; }
	nav .nav-pills>li>a{ border-radius:0px;}
	nav .nav-pills>li.active>a,nav .nav-pills>li.active>a:focus,nav .nav-pills>li>a:hover{ color:#2AC466; background:none; margin-top:0px; }
@media (min-width: 768px){
	.top { height:80px; }
	.top-logo { padding-top:5px; height:80px; }
	.top-logo img { height:60%; }
	.top-nav-m-c ul { width:30%; }
	.top.smaller { height:60px; line-height:60px; }
	.top.smaller .top-logo { height:60px; padding-top:0px; }
	.top.smaller .top-logo img { height:60%; }
	.top.smaller nav .nav>li>a{ height:60px; line-height:60px;  }
}
@media (min-width: 992px){
	.top { height:100px; }
	.top-logo { padding-top:15px; }
	.top-logo img { height:100%; }
	
}

footer { padding:20px; background:#294839; color:#CCC; font-size:14px; }
	footer a { color:#CCC; }
.foot-nav { background:#019B50; padding:20px 0; color:#FFF; }
	.foot-logo { padding:10px 10px; text-align:center; }
	.foot-logo img { width:120px; border:10px solid #FFF; }
	.foot-nav nav .nav-pills li.active { color:#57F08D; }
	.foot-nav nav .nav-pills a { font-size:16px; color:#57F08D; height:auto; line-height:2; padding:0 12px; display:block; }
	.foot-nav nav .nav-pills li ul { list-style-type:none; padding:0; margin:0 0 0 22px; float: left; }
	.foot-nav nav .nav-pills li li a { font-size:14px; color:#FFFFFF; padding:0; width:100%; }
@media (min-width: 768px){
	.foot-logo { padding:10px 20% 0 10px; }
	.foot-nav { padding:40px 0; }
	.foot-nav nav .nav-pills a { padding:0 22px; }
}






/*index*/
.index-banner { width:100%; z-index:-1; overflow:hidden; height:auto; }
	.index-banner .swiper-wrapper { z-index:-1; }
	.index-banner a { display:block; width:100%; }
	.index-banner .carousel-inner>.item>a>img {  }
	.index-banner .swiper-pagination { bottom:10px; }
	.swiper-pagination-bullet { opacity:0.5;}
	.swiper-pagination-bullet-active { background-color:#C9033B; opacity:1; }
	.carousel-indicators li { width:15px; height:15px; background-color:#FFF; border:none; margin:0; }
	.carousel-indicators li.active { width:15px; height:15px; background-color:#2AC466; }

	.swiper-button-next { background-image:url('../images/ico-right.png'); background-color: rgba(0,0,0,0.4);width:42px; cursor: pointer; z-index: 2; background-size:11px 20px;}
	.swiper-button-prev { background-image:url('../images/ico-left.png'); background-color: rgba(0,0,0,0.4); width:42px; cursor: pointer;z-index: 2; background-size:11px 20px; }
@media (min-width: 768px){
	.index-banner { height:auto; }
	.banner-container { height:auto; }
	.banner-container img { height:auto; }
}
@media (min-width: 992px){
	.index-banner,.banner-container { height:auto; }
	.banner-container img { height:auto; }
}
@media (min-width: 1230px){
	.index-banner,.banner-container { height:auto; }
	.banner-container img { height:auto; }
}


.index-title { text-align:center; padding:40px 0 30px; }
	.index-title h3 { background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0px,rgba(255,255,255,0) 57px,#2AC466 57px,#2AC466 100%); background-repeat: no-repeat; background-position:left bottom; background-size:50px 100%; margin:10px 0 20px; padding:0; font-size:40px; height:60px; color:#009A50; z-index:1; font-weight:700; position:relative; }
	.title-en { color:rgba(204,204,204,0.2); font-size:120px; font-family:Bebas, Helvetica, Arial, sans-serif; height:1em; z-index:0; font-weight:700; word-spacing:15px; }
	.index-title small { font-size:16px; color:#666; }
	.index-more { text-align:right; padding:30px 0; clear:both; }
	.index-more a { display:inline-block; font-size:14px; background-color:#2AC466; color:#FFF; text-align:center; width:40%; height:40px; line-height:40px; }
	.index-more a:hover { display:inline-block; background:#019B50; color:#FFF; }
	.sub-types { padding:0; text-align:right; }
	.sub-types a { display:inline-block; width:30%; color:#019B50; font-size:18px; border:1px solid #2AC466; margin-left:10px; text-align:center; }
	.sub-types a.active, .sub-types a:hover { color:#FFFFFF; background-color:#2AC466; }



.index-about { margin-top:0px; background:url('../images/bg1.jpg') no-repeat center top; background-size:auto 100%; padding-bottom:30px; padding-top:20px; }
	.index-about-video { padding:30px 0px 0 0; margin-bottom:50px; margin-left:20px; }
	.index-video-box { background-color:#2AC466; position:relative; height:220px; z-index:2; width:90%; }
	.index-video-border { position:absolute; bottom:-50px; right:-50px; width:120px; height:60px; border-right:4px solid #2AC466; border-bottom:4px solid #2AC466; display:none; }
	.index-video-c { background-color:#333; position:absolute; top:20px; left:20px; width:100%; height:220px; }
	.index-about { background-size:auto 100%; padding-bottom:50px; padding-top:20px; }
	.about-container { font-size:16px; color:#333; text-align:left; }
	.index-about-c { padding:0 20px; }
	.index-about .title-en { font-size:48px; left:10px; top:0px; z-index:0; line-height:1em; text-align:left; position:absolute; color:rgba(221,221,221,0.8); }
	.index-about .index-title { padding:20px 0px 0; }
	.index-about .index-title h3 { text-align:left; font-size:26px; z-index:2; height:43px; background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0px,rgba(255,255,255,0) 40px,#2AC466 40px,#2AC466 100%); }
	.index-about-spec { clear:both; text-align:center; }
	.index-spec-c { margin-bottom:20px; padding:0 0px 0 10px; position:relative; font-weight:600; display:inline-block; }
	.index-spec-c:nth-child(1) { width:51%; }
	.index-spec-c:nth-child(2) { width:47%; }
	.index-spec-c:nth-child(3) { width:51%; }
	.index-spec-c:nth-child(4) { width:47%; }
	.index-spec-num { color:#2AC466; font-size:26px; text-align:center; width:60px; height:60px; line-height:56px; font-family:Bebas; border:2px solid #2AC466; border-radius:50%; }
	/*.index-spec-c:nth-child(2) .index-spec-num { font-size:18px; word-spacing:0; padding-right:7px; }
	.index-spec-c:nth-child(3) .index-spec-num { font-size:18px; }*/
	.index-spec-add { top:5px; left:60px; position:absolute; color:#019B50; font-size:20px; background-color:rgba(234,234,234,1); line-height:1em; }
	.index-spec-i { position:absolute; color:#019B50; top:25px; left:55px; font-size:16px; background-color:rgba(234,234,234,1); padding-left:5px; text-align:left; line-height:1.5em; word-spacing:0; }
	.index-spec-c:nth-child(2) .index-spec-i { background-color:rgba(238,238,238,1); }
	.index-about .index-more { padding-bottom:0;}
	.index-about .index-more a { width:40%;}
@media (min-width: 768px){
	.index-about { background-size:auto 100%; padding-bottom:50px; padding-top:20px; }
	.index-about-video { padding:50px 0px 0 0; margin-bottom:50px; margin-left:-30px; }
	.index-video-box { height:400px; z-index:2; width:100%; }
	.index-video-border { bottom:-50px; right:-50px; width:100px; height:50px; border-right:4px solid #2AC466; border-bottom:4px solid #2AC466; display:block; }
	.index-video-c { top:30px; left:30px; width:100%; height:400px; }
	.index-about-c { padding-left:0px; }
	.index-about .title-en { font-size:80px; left:-10px; z-index:1; line-height:1em; }
	.index-about .index-title { padding-top:80px; z-index:2; }
	.index-about .index-title h3 { font-size:36px; height:60px; background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0px,rgba(255,255,255,0) 57px,#2AC466 57px,#2AC466 100%); }
	.index-spec-c { margin-bottom:20px; padding:0 0px 0 0px; }
	.index-spec-c:nth-child(1) { width:380px; }
	.index-spec-c:nth-child(2) { width:350px; }
	.index-spec-c:nth-child(3) { width:380px; }
	.index-spec-c:nth-child(4) { width:350px; }
	.index-spec-num { font-size:50px; width:120px; height:120px; line-height:116px; width:120px; height:120px; }
	/*.index-spec-c:nth-child(2) .index-spec-num { font-size:44px; padding-right:0px; }
	.index-spec-c:nth-child(3) .index-spec-num { font-size:30px; }*/
	.index-spec-add { top:30px; left:110px; padding-bottom:10px; }
	.index-spec-i { top:55px; left:110px; font-size:22px; }
	.index-about .index-more { padding-bottom:30px;}
	.index-about .index-more a { width:30%;}
}
@media (min-width: 992px){
	.index-about { background-size:auto 100%; padding-bottom:50px; padding-top:20px; }
	.index-about-video { margin-bottom:130px; }
	.index-video-box { height:340px; }
	.index-video-c { height:340px; }
	.index-about-c { padding-left:100px; }
	.index-about .title-en { font-size:100px; }
	.index-about .index-title { padding-top:90px; }
	.index-about .index-title h3 { font-size:30px; }
	.index-spec-c:nth-child(1) { width:280px; }
	.index-spec-c:nth-child(2) { width:210px; }
	.index-spec-c:nth-child(3) { width:260px; }
	.index-spec-c:nth-child(4) { width:210px; }
	.index-spec-num { font-size:40px; width:100px; height:100px; line-height:86px; }
	/*.index-spec-c:nth-child(3) .index-spec-num { font-size:30px; }
	.index-spec-c:nth-child(2) .index-spec-num { font-size:36px; }*/
	.index-spec-add { top:20px; left:90px; }
	.index-spec-i { top:45px; left:90px; font-size:18px; }
	.index-spec-c:nth-child(2) .index-spec-i,.index-spec-c:nth-child(2) .index-spec-num { background-color:rgba(234,234,234,1); }
	.index-spec-c:nth-child(3) .index-spec-i,.index-spec-c:nth-child(3) .index-spec-num { background-color:rgba(238,238,238,1); }
	.index-spec-c:nth-child(4) .index-spec-i,.index-spec-c:nth-child(4) .index-spec-num { background-color:rgba(238,238,238,1); }
	.index-about .index-more a { width:40%;}
}
@media (min-width: 1230px){
	.index-video-box { height:400px; }
	.index-video-c { height:400px; }
	.index-about-c { padding-left:150px; }
	.index-about .title-en { font-size:120px; }
	.index-about .index-title { padding-top:150px; }
	.index-about .index-title h3 { font-size:34px; }
	.index-spec-c:nth-child(1) { width:320px; }
	.index-spec-c:nth-child(2) { width:250px; }
	.index-spec-c:nth-child(3) { width:300px; }
	.index-spec-c:nth-child(4) { width:250px; }
	.index-spec-num { font-size:50px; width:120px; height:120px; line-height:116px; }
	/*.index-spec-c:nth-child(3) .index-spec-num { font-size:40px; }*/
	.index-spec-add { top:30px; left:110px; }
	.index-spec-i { top:55px; left:110px; }
}
@media (min-width: 1680px){
	.index-about { background-size:100% 100%; }
}
		

.index-advantage { }	
.index-advantage-picture { padding:0; }
	.index-advantage-info .title-en { position:absolute; width:200%; left:0%; top:0px; z-index:2; color:rgba(204,204,204,0.2); font-size:80px; }
	.index-advantage-info .index-title { text-align:left; padding-top:100px; padding-left:0px; }
	.index-advantage-info .index-title h3 { font-size:26px; height:43px; background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0px,rgba(255,255,255,0) 40px,#2AC466 40px,#2AC466 100%); }
	.index-advantage-info.visible-xs-block .index-title { padding-top:10px; padding-left:0px; }
	.advantage-picture-b { width:100%; height:260px; position:relative; overflow:hidden; }
	.advantage-picture-b-mask {  background:url('../images/mask1.png') no-repeat left top; background-size:100% 100%; position:absolute; width:100%; height:260px; top:0; left:0; }
	.advantage-picture-b img { width:auto; height:100%; top:0px; left:0px; z-index:99; }
	.advantage-picture-sb { position:absolute; bottom:25px; left:12px; width:142px; height:136px; clip-path:polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); background-color:rgba(42,196,102,0.3); z-index:2; }
	.advantage-picture-sbc { position:absolute; bottom:25px; left:1px; width:130px; height:115px; clip-path:polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); background-color:#FFF; z-index:3; }
	.advantage-picture-sbc img { width:100%; height:100%; }
.index-advantage2 .index-advantage-picture { padding:0; }
	.index-advantage2 .index-advantage-info .title-en { width:280%; left:-180%; top:40px; z-index:2; }
	.index-advantage2 .index-advantage-info .index-title { text-align:left; padding-top:10px; padding-right:0; }
	.index-advantage2 .advantage-picture-b { width:100%; height:260px; position:relative; overflow:hidden;}
	.index-advantage2 .advantage-picture-b-mask {  background:url('../images/mask2.png') no-repeat left top; background-size:100% 100%; position:absolute; width:100%; height:260px; top:0; left:0; }
	.index-advantage2 .advantage-picture-b img { width:auto; height:100%; top:0px; left:0px; z-index:99; }
	.index-advantage2 .advantage-picture-sb { left:auto; right:8px; }
	.index-advantage2 .advantage-picture-sbc { left:auto; right:-0px; }
@media (min-width: 768px){
	.index-advantage { margin-bottom:70px; }
	.index-advantage-info .title-en { width:200%; left:20%; font-size:80px; top:40px; }
	.index-advantage-info .index-title { padding-left:10%; padding-top:180px; }
	.index-advantage-info .index-title h3 { font-size:40px; height:60px; background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0px,rgba(255,255,255,0) 57px,#2AC466 57px,#2AC466 100%); }
	.advantage-picture-b { height:600px; clip-path:polygon(0 0, 100% 0, 100% 100%, 150px 100%); text-align:right;}
	.advantage-picture-sb { bottom:50px; left:10px; width:330px; height:285px; }
	.advantage-picture-sbc { bottom:50px; left:1px; width:300px; height:258px; }
	.advantage-picture-sbc img { height:auto; }
	.index-advantage2 .index-advantage-info .title-en { width:230%; left:-130%; font-size:74px; word-spacing:0; }
	.index-advantage2 .index-advantage-info .index-title { padding-left:20%; padding-right:5%; padding-top:180px; }
	.index-advantage2 .advantage-picture-b { height:600px; clip-path:polygon(0 0, 100% 0, 85% 100%, 0 100%); text-align:left;}
	.index-advantage2 .advantage-picture-sb { right:-17px; }
	.index-advantage2 .advantage-picture-sbc { right:-25px; }
}
@media (min-width: 992px){
	.index-advantage { margin-bottom:70px; }
	.index-advantage-info .title-en { width:150%; left:20%; font-size:100px; }
	.index-advantage-info .index-title { padding-left:10%; padding-top:220px; }
	.advantage-picture-b { height:600px;}
	.advantage-picture-sb { bottom:50px; left:10px; width:330px; height:285px; }
	.advantage-picture-sbc { bottom:50px; left:1px; width:300px; height:258px; }
	.index-advantage2 .index-advantage-info .title-en { width:230%; left:-130%; font-size:80px; word-spacing:0; }
	.index-advantage2 .index-advantage-info .index-title { padding-left:20%; padding-right:5%; padding-top:200px; }
	.index-advantage2 .advantage-picture-b { height:600px;}
	.index-advantage2 .advantage-picture-sb { right:-17px; }
	.index-advantage2 .advantage-picture-sbc { right:-25px; }
}
@media (min-width: 1230px){
	.index-advantage { margin-bottom:100px; }
	.index-advantage-info .title-en { width:200%; left:30%; font-size:100px; }
	.index-advantage-info .index-title { padding-left:30%; padding-top:240px; }
	.advantage-picture-b { height:700px;}
	.advantage-picture-sb { left:-25px; width:457px; height:385px; }
	.advantage-picture-sbc { left:-37px; width:400px; height:340px; }
	.index-advantage2 .index-advantage-info .title-en { width:220%; left:-130%; font-size:100px; }
	.index-advantage2 .index-advantage-info .index-title { padding-left:20%; padding-right:5%; padding-top:240px; }
	.index-advantage2 .advantage-picture-b { height:700px;}
	.index-advantage2 .advantage-picture-sb { right:-43px; }
	.index-advantage2 .advantage-picture-sbc { right:-56px; }
}
@media (min-width: 1680px){
	.index-advantage-info .title-en { left:40%; font-size:120px; }
	.index-advantage-info .index-title { padding-left:30%; padding-top:240px; }
	.advantage-picture-b { height:700px;}
	.advantage-picture-sb { left:-25px; width:457px; height:385px; }
	.advantage-picture-sbc { left:-37px; width:400px; height:340px; }
	.index-advantage2 .index-advantage-info .title-en { width:200%; left:-100%; font-size:120px; }
	.index-advantage2 .index-advantage-info .index-title { padding-left:20%; padding-right:30%; padding-top:240px; }
	.index-advantage2 .advantage-picture-b { height:700px;}
	.index-advantage2 .advantage-picture-sb { right:-17px; }
	.index-advantage2 .advantage-picture-sbc { right:-30px; }
}

.index-news { padding:0px 0; }
	.index-news-recommend { border:1px solid #DDD; padding:30px 50px; height:420px; }
	.index-news-recommend h4 { font-size:18px; }
	.index-news-recommend p { font-size:14px; color:#999; padding:5px 0 20px; }
	.index-news .index-title { padding-top:0; padding-bottom:0; }
	.index-news .title-en { font-size:48px; line-height:1em; }
	.index-news .index-title h3 { background-position:center bottom; margin-top:-20px; font-size:26px; height:43px; background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0px,rgba(255,255,255,0) 40px,#2AC466 40px,#2AC466 100%); }
	.index-news-list { padding:20px 0 0px 0px; }
	.index-news-list ul { marign:0; padding:0; list-style-type:none; }
		.index-news-list li {  margin:0; padding:0px 10px; }
		.index-news-list li:hover { -moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; transition-duration:0.5s; -webkit-box-shadow: 0px 0px 7px 0px #DDD; -moz-box-shadow: 0px 0px 7px  0px #DDD; box-shadow: 0px 0px 7px 0px #DDD; background-position: 580px 80px; }
		.index-news-pic { width:100%; height:120px; padding:0px; overflow:hidden; }
		.index-news-pic img { width:100%; height:100%; }
		.index-news-info { padding:0 0 0 0px; }
		.index-news-list li h4 { font-size:16px; height:2em; overflow:hidden; line-height:2; margin:0; }
		.index-news-list li p { font-size:14px; color:#999; line-height:1.5; height:4.5em; overflow:hidden;}
		.index-new-time {  font-size:14px; padding:0px; color:#999; font-weight:normal; }
		.index-new-time .hidden-lg { text-align:left; }
		.index-new-time span { font-size:40px; color:#009A50; display:block; line-height:1; }
	.index-news .index-more { text-align:center; }
	.index-news .index-more a,.index-case-c .index-more a { width:40%; }
@media (min-width: 768px){
	.index-news .index-title { padding-top:0; padding-bottom:0; margin-top:0; padding-bottom:0px; }
	.index-news .title-en { font-size:80px; line-height:1em; }
	.index-news .index-title h3 { margin-top:-20px; margin-top:-20px; font-size:40px; height:60px; background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0px,rgba(255,255,255,0) 57px,#2AC466 57px,#2AC466 100%); }
	.index-news-list { padding-bottom:30px; }
	.index-news-list li { padding:20px 10px; }
	.index-news-info { padding-left:0px; }
	.index-news-pic { height:240px; margin-bottom:15px; }
	.index-new-time { border-right:none;  padding:0px; }
	.index-new-time span { font-size:30px; }
	.index-news .index-more a,.index-case-c .index-more a { width:15%; }
}
@media (min-width: 992px){
	.index-news .index-title { padding-top:0; padding-bottom:0; padding-bottom:30px; }
	.index-news .title-en { font-size:100px; line-height:1em; }
	.index-news .index-title h3 { margin-top:-20px; }
	.index-news-list { padding-bottom:30px; }
	.index-news-info { padding-left:10px; }
	.index-news-pic { height:150px; }
	.index-new-time span { font-size:30px; }
	.index-news .index-more a,.index-case-c .index-more a { width:15%; }
}
@media (min-width: 1230px){
	.index-news .title-en { font-size:120px; }
	.index-news-pic { height:170px; }
	.index-new-time { border-right:1px solid #CCCCCC; text-align:center; font-size:12px; }
	.index-new-time span { font-size:30px; }
	.index-news .index-more a,.index-case-c .index-more a { width:15%; }
	.index-news-info { padding-left:10px; }
}



.index-case {  background:#FFFFFF; padding:0px 0 50px; }
	.index-case .index-title { text-align:left; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; border-top:1px solid #EEE; }
	.index-case .index-title h3 { margin-top:-15px; font-size:26px; height:43px; background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0px,rgba(255,255,255,0) 40px,#2AC466 40px,#2AC466 100%); }
	.index-case .title-en { color:rgba(204,204,204,0.2); font-size:48px; line-height:1.5em; }
	.index-case .col-sm-6 { padding:0; }
	.index-case .sub-types { padding:20px 0 0; text-align:left; }
	.index-case .sub-types a { margin-left:0px; margin-right:8px; }
	.index-case-c { padding:0 10px; position:relative; }
	.index-case-c .case-box { padding:10px; text-align:center; }
	.index-case-c .case-box .pzoom { height:120px; overflow:hidden; }
	.index-case-c .case-box img { width:100%; height:100%; }
	.index-case-c h6 { font-size:18px; text-align:center; height:1.6em; overflow:hidden; line-height:1.6; margin-bottom:0; }
	.index-case-c .case-box small { margin-bottom:10px; }
	.index-case .swiper-wrapper { padding:0;}
	.caseNext { background-image:url('../images/ico-right.png'); background-color: rgba(0,0,0,0.5); background-size:11px 20px; width:40px; cursor: pointer; z-index: 99; right:0px;}
	.casePre { background-image:url('../images/ico-left.png'); background-color: rgba(0,0,0,0.5); background-size:11px 20px; width:40px; cursor: pointer;z-index: 99; left:0px;}
@media (min-width: 768px){
	.index-case .index-title { padding-top:40px; border-top:none; padding-left:10px; padding-right:10px; padding-bottom:30px; }
	.index-case .title-en { font-size:80px; line-height:1.5em; }
	.index-case .index-title h3 { margin-top:0px; font-size:40px; height:60px; background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0px,rgba(255,255,255,0) 57px,#2AC466 57px,#2AC466 100%); }
	.index-case .sub-types { padding:90px 0 0; text-align:right; }
	.index-case .sub-types a { margin-left:8px; margin-right:0; line-height:40px; height:40px; }
	.index-case-c .case-box .pzoom { height:150px; }
	.index-case-c .index-more { text-align:center; }
}
@media (min-width: 992px){
	.index-case .index-title { padding-top:30px; }
	.index-case .title-en { font-size:100px; }
	.index-case .index-title h3 { margin-top:00px; }
	.index-case .sub-types { padding:240px 0 0; }
	.index-case .sub-types a { margin-left:10px; }
	.index-case-c .case-box .pzoom { height:190px; }
}
@media (min-width: 1230px){
	.index-case .index-title { padding-top:60px; }
	.index-case .index-title h3 { margin-top:0px; }
	.index-case .sub-types { padding:200px 0 0; }
	.index-case-c .case-box .pzoom { height:240px; }
}
@media (min-width: 1300px){
	.index-case-c .case-box .pzoom { height:280px; }
}
@media (min-width: 1680px){
	.index-case-c .case-box .pzoom { height:360px; }
}



.index-article { padding:50px 0; }
	.index-article .col-lg-6 { padding-left:0; padding-right:15px; }
	.index-article .col-lg-6:last-child { padding-right:0; padding-left:15px; }
	.article-list ul { margin:10px 0; padding:0; list-style-type:none; }
	.article-list li { border-bottom:1px solid #DDD; }
	.article-list img { max-width: 100%;}
	.article-list li:hover { background:url('../images/ico-arrow2.gif') no-repeat 520px 18px; }
	.article-list li a { display:block; padding:10px 0; }
	.article-list li a span { color:#999; margin-right:10px; }
	.article-list li a:hover { color:#C9033B; padding-left:10px; }

.index-contact { background:#F5F5F5; padding:0px 0 20px; margin-top:50px; }
	.index-contact-c { padding:0px 0 0; font-size:14px; text-align:center; }
	.contact-phone-i { display:inline-block; width:110px; height:70px; text-align:center; position:relative; }
	.contact-phone-i .iconfont { color:#2AC466; font-size:50px; position:absolute; display:block; width:110px; height:110px; top:-40px; left:0; border-radius:50%; background:#F5F5F5; z-index:0; }
	.index-contact-c h6 { font-size:22px; margin-bottom:0px; color:#019B50; margin-top:-30px; z-index:3; position:relative; }
	.contact-c { font-size:16px; color:#333; padding:10px 20px; }
	.contact-phone { font-size:22px; margin:10px auto 0; font-weight:bold; color:#FFF; width:50%; text-align:center; background-color:#2AC466; line-height:1.7; }
@media (min-width: 768px){
	.index-contact { padding-bottom:100px; margin-top:100px; }
	.index-contact-c h6 { font-size:30px; margin-bottom:20px; margin-top:0px; }
	.contact-c { font-size:20px; }
	.contact-phone { font-size:30px; margin:30px auto 0; width:300px; line-height:2; }
}




/* css of sub pages */
.sub-banner { position:relative margin:0; width:100%; height:180px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 100%; }
	.sub-banner a { display:block; width:100%; height:100%; }
.dir { background:#F4F4F4; height:50px; line-height:50px; }
@media (min-width: 768px){
	.sub-banner { height:350px; }
}
@media (min-width: 992px){
	.sub-banner { }
}
@media (min-width: 1680px){
	.sub-banner { background-size:100% auto; }
}

.sub-main { padding:20px 0 100px; min-height:600px; margin-top:0px; }
.sub-main .container,.sub-main .container .col-lg-2 { padding:0; }
	.sub-title { padding:0px 0px 20px; }
	.sub-title h3 { background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0px,rgba(255,255,255,0) 37px,#2AC466 37px,#2AC466 100%); background-repeat: no-repeat; background-position:left bottom; background-size:50px 100%; margin:10px 0 20px; padding:0; font-size:26px; height:40px; color:#009A50; z-index:1; font-weight:700; position:relative; }
	.sub-title .sub-types { text-align:center; padding:0; }
	.sub-title .sub-types a { margin:0; font-size:14px; }
	.sub-info { text-align:center; color: #999; padding: 0 0 20px;}
	.sub-main article { height:auto; font-size:14px; padding:0 20px; }
	.sub-main h1.title { font-size:20px; padding:10px 20px 15px; text-align:center; border-bottom:1px solid #EEE;  }
	.sub-main article p {  }
	.sub-main article img { max-width:90%; margin:10px 0; }
	.preNext { padding-left:20px; }
@media (min-width: 768px){
	.sub-title { padding:20px 0px; }
	.sub-main h1.title { font-size:24px; }
	.sub-title .sub-types a { line-height:40px; height:40px;}
}
@media (min-width: 992px){
	.sub-main h1.title { font-size:24px; }
}

.news-list {  }
	.news-list ul { marign:0; padding:0; list-style-type:none; }
		.news-list li {  margin:0; padding:0px 10px 10px; }
		.news-list li:hover { -moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; transition-duration:0.5s; -webkit-box-shadow: 0px 0px 7px 0px #DDD; -moz-box-shadow: 0px 0px 7px  0px #DDD; box-shadow: 0px 0px 7px 0px #DDD; background-position: 580px 80px; }
		.news-pic { width:100%; height:120px; padding:0px; overflow:hidden; }
		.news-pic img { width:100%; height:100%; }
		.news-info { padding:0 0 0 0px; }
		.news-list li h4 { font-size:16px; height:2em; overflow:hidden; line-height:2; margin:0; }
		.news-list li p { font-size:14px; color:#999; line-height:1.5; height:3em; overflow:hidden;}
		.new-time {  font-size:14px; padding:0px; color:#999; font-weight:normal; }
		.new-time .hidden-lg { text-align:left; }
		.new-time span { font-size:40px; color:#009A50; display:block; line-height:1; }
@media (min-width: 768px){
	.news-list { padding-bottom:30px; }
	.news-list li { padding:20px 10px; }
	.news-info { padding-left:0px; }
	.news-pic { height:240px; margin-bottom:15px; }
	.new-time { border-right:none;  padding:0px; }
	.new-time span { font-size:30px; }
}
@media (min-width: 992px){
	.news-list { padding-bottom:30px; }
	.news-info { padding-left:0px; }
	.news-pic { height:150px; }
	.new-time span { font-size:30px; }
}
@media (min-width: 1230px){
	.news-pic { height:170px; }
	.new-time { border-right:1px solid #CCCCCC; text-align:center; font-size:12px; }
	.new-time span { font-size:30px; }
	.news-info { padding-left:10px; }
}
@media (min-width: 1680px){
	.news-pic { height:240px; }
	.new-time span { font-size:40px; }
}

.photo-list ul { margin:0; padding:0; list-style-type:none; }
	.photo-list .list-box img { max-width:100%; }
	.photo-list .list-box { height:280px; }
	.photo-list .list-box:hover { -moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s; transition-duration:0.5s; -webkit-box-shadow: 0px 0px 7px 0px #DDD; -moz-box-shadow: 0px 0px 7px  0px #DDD; box-shadow: 0px 0px 7px 0px #DDD; border-bottom:3px solid #C9033B; }
	.photo-list .col-lg-6 { padding:10px 20px 60px; }
	.photo-list .list-box h3 {  height:30px; line-height:30px; font-size:16px; text-align:center; }

.case-list ul { margin:0; padding:0; list-style-type:none; }
	.case-list { padding:0 10px; position:relative; }
	.case-list .case-box { padding:10px; text-align:center; }
	.case-list .case-box .pzoom { height:120px; overflow:hidden; }
	.case-list .case-box img { width:100%; height:100%; }
	.case-list .case-box h6 { font-size:14px; margin-bottom:0; }
	.case-list .case-box small { margin-bottom:10px; }
@media (min-width: 768px){
	.case-list .case-box .pzoom { height:180px; }
}
@media (min-width: 992px){
	.case-list .case-box .pzoom { height:240px; }
}

.contact-c .contactc { text-align: center; padding-top: 80px;}
	.contact-c .contactc:nth-child(1) { background:url('../images/ico-phone1.png') no-repeat center top; background-size: auto 70px;}
	.contact-c .contactc:nth-child(2) { background:url('../images/ico-time.png') no-repeat center top; background-size: auto 65px;}
	.contact-c .contactc:nth-child(3) { background:url('../images/ico-addr1.png') no-repeat center top; background-size: auto 70px;}
	.map {text-align:center; padding: 50px 0; clear: both;}
	.map img { max-width: 100%;}

	.container-form .form-group { padding-top:10px; }
		.container-form label { font-weight:normal; font-size:14px; color:#999; text-align:right; }
		.container-form .form-control { border-color:#E3E3E3; border-radius:0; }
		.upfile { position:absolute; opacity:0; top:0; left:0; height:45px; cursor:pointer; }
		.btn-upfile { background-color:#F2F2F2; border:1px solid #E3E3E3; color:#333; font-size:12px; line-height:35px; height:35px; width:150px; text-align:center; padding:0; border-radius:0px; cursor:pointer; }
		.btn-primary { color:#FFF; height:45px; line-height:45px; font-size:16px; text-align:center; background-color:#C9033B; border:none; width:300px; }
		.btn-primary:hover { background-color:#C9033B; }



/* box */
.box-bg { background-color:rgba(0,0,0,0.6); position:fixed; width:100%; height:100%; left:0; top:0; z-index:10; display:none; }
.box { background-color:#FFF; position:fixed; width:930px; height:667px; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:11; padding:10px 30px; display:none; }
	.box-close { text-align:right; padding-right:30px; background:url('../images/ico_close.png') no-repeat right center; cursor:pointer; }
	.box-c { text-align:center; max-width:100%; max-height:640px; }

.carousel-fade .carousel-inner .item{  
    opacity:0;  
    -webkit-transition-property:opacity ;  
    -moz-transition-property:opacity ;  
    -ms-transition-property:opacity ;  
    -o-transition-property:opacity ;  
    transition-property:opacity ;
}
.carousel-fade .carousel-inner .active{  
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{  
    left: 0;  
    opacity: 0;
}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}